/**************************** CSS Reset  ****************************/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;}
body { padding: 30px; margin-bottom:30px;font-family:"Helvetica Neue", Helvetica, Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif !important;}

ol,ul{list-style:none;}
blockquote,q
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
a{color:#487697;text-decoration:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}

/**************************** General ****************************/
a:hover{text-decoration:underline;}
p{color:#555;font-size:11px;}
body{font-family:Lucida Grande;background:#fff;}

/**************************** Calendar ****************************/
#calendar{
	
	padding-top: 25px;
	width: 90%;
	text-align: center;
  	position: relative;
	margin-right:120px;
	margin-left:20px;
	padding-bottom:100px;
}
#calheader{
	width:100%;
	height:30px;
	text-align:center;
}
#calheader h2{
	margin-top:15px;
}
#calcontainer{
	float:left;
	width:100%;
	margin-bottom:50px;
}
#daysmonth{
	clear:both;
	
}

#calcontainer a{
	color:#fff;
}
.dayweek{width:14%;height:30px;float:left;border-right:1px solid #e5e5e5;}
.dayweek p{display:block;text-align:center;font-size:10px;line-height:31px;text-shadow:0 1px 0 #ffffff;}
.week{border-top:1px solid #c2c2c2;}
.weeku{overflow:auto;border-top:1px solid #c2c2c2;border-bottom:1px solid #e5e5e5;}
.today{background:#fffcdf;border-right:1px solid #e5e5e5;}
.today .daybar{background:#fffac1;}
.day{width:14%;float:left;border-right:1px solid #e5e5e5;}
.brn{border-left:1px solid #e5e5e5;}
.bun{border-bottom:none;}
.day:hover{background:#e9f0f8;cursor:pointer;}
.daybar{width:100%;float:left;background:#f3f3f3;}
.daybar p{margin-left:5px;margin-top:3px;margin-bottom:3px;font-size:10px;font-weight:400;color:#969696;text-shadow:0 1px 0 #ffffff;}
.dots{width:100%;height:54px;clear:both;line-height:54px}
.dots ul{text-align:center;white-space:nowrap;overflow:hidden;}
.dots ul li{margin-top:10px;display:inline-block;-webkit-border-radius:14px;width:12px;height:12px;margin-top:21px}
.big{width:14%;float:left;}
.big:hover{background:#e9f0f8;cursor:pointer;}
.big .dots{height:65px;}
.big .dots li{margin-top:25px;}

/**************************** Events when slide is open ****************************/
.open{border-top:1px solid #e5e5e5;float:left;clear:both;width:100%}
.open li{border-radius:10px;}
.open li div{border-radius:10px;margin:2px 4px;padding:10px 5px;height:64px;}
.open li p{text-align:left; margin-top:5px;margin-left:6px;margin-right:6px;line-height:12px;font-size:10px;color:#ffffff;overflow:hidden;}
.open li:hover{cursor:pointer;}
.mission-li li{padding:10px;padding-bottom:5px;margin-top:3px}
/**************************** Colors ****************************/
.none{background:#d6d6d6;}
.none:hover{background:#dfdfdf;}
.blue{background:#5496dd;}
.blue:hover{background:#5c9ef9;}
.red{background:#ff454b;}
.red:hover{background:#ff6164;}
.yellow{background:#ffac4d;}
.yellow:hover{background:#ffbd6a;}
.green{background:#94e354;}
.green:hover{background:#98e857;}


/**************************** Legend ****************************/
.calcat{float:right;margin-bottom:20px;margin-right:5px;}
.calcat p{margin-top:4px;float:left;}
.calcat div,.calcat p{margin-top:10px}
.caldot{clear:left;float:left;width:12px;height:12px;border-radius:20px;margin-left:10px;margin-top:4px;margin-right:8px;}


#pop{;font-size:12px;position:fixed;right:20px;top:100px;width:100px;text-align:left;}
#pop2{;font-size:12px;position:fixed;right:20px;top:350px;width:100px;text-align:left;}

.calendar-select{margin-bottom:10px;margin-top:20px;font-size:10px}
.select{padding:2px;border-radius:4px;margin-left:5px;border-color:silver}
.calendar-submission{margin-left:25px !important;margin-top:8px !important}
.mission-name{display:inline-block;float:left}
.mission-user{display:inline-block;float:right}

.fr{float:right;}

.calendar-submission span{margin-bottom:2px;margin-left:5px}

.mission-add{color:#94e354;display:inline-block;float:right;margin-right:10px;}
.click{cursor:pointer}
.mission-radio input{}

.dayweek2{width:27%;}

.fir{width:19%;}
.fir .open ul li p{text-align:center;}
.submit-mission{margin-right:5px;float:right}


.dots ul span{display:inline-block;margin-left:5px;height:35px;line-height:35px;margin-top:10px;border-radius:10px}




/* 返回顶部 */
#share{position:fixed;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight)-34+"px");bottom:34px;left:95%;width:30px;zoom:1;}
#share a{
	background-image:url(../images/share.png);background-repeat:no-repeat;display:block;width:30px;height:30px;margin-bottom:2px;overflow:hidden;text-indent:-999px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

#share a#totop{background-position:0 -120px;position:absolute;bottom:64px;cursor:pointer;}
#share a#totop:hover{background-position:-30px -120px;}

.placeHolder div{background-color:white!important;border:dashed 1px gray!important;}

.left{ height:0; width:0; border-bottom:15px solid #fff; position:absolute; bottom:0;right:0; overflow:hidden;}

.mission-radio
{
	text-align:left;
}


.mg5
{
	margin-top:5px;
	margin-bottom:5px;
}


.mission-day
{
	margin-right:10px;
	float:right;
	display:inline-block;
}
